/*===== code build by mstore0.1.3 =====*/

/*===== mstoreDev/build#buildStyle:0 =====*/

.buildBox{border-radius:4px; border:1px solid #eee; -webkit-box-shadow:5px 5px 12px rgba(150,150,150,.1);box-shadow:5px 5px 12px rgba(150,150,150,.1); overflow:hidden; margin-bottom:20px;}
.buildBox h3{padding:12px 20px; background:#fff; line-height:30px; color:#207cd1; font-size:16px; border-bottom:solid 2px #eee;}
.changeItem{border-bottom:1px solid #ddd; }
.changeItem h4{padding:15px 20px; color:#666; font-size:14px; line-height:32px;}
.changeItem .submitAll{float:right; margin-right:20px; height:30px; line-height:30px;}

.build{overflow:hidden;}
.build li{padding:10px 0; margin:0 38px; line-height:30px; border-top:1px dotted #ddd; overflow:hidden;}
.build li span{display:inline-block; margin-right:10px;}
.build li .statusBuilding{color:#22cb75;}
.build li .statusError{color:#f00;}
.build li .statusSkip{color:#999;}
.build li .statusChange{color:#2197f5;}
.build li .costTime{color:#008000;}
.build li .costTime.warn{color:#f00;}
.build li .buildBtns{display:inline-block; float:right;}

.build li.status-build .statusError,
.build li.status-build .statusSkip,
.build li.status-build .statusChange,
.build li.status-build .buildBtns{display:none;}

.build li.status-error .statusBuilding,
.build li.status-error .statusSkip,
.build li.status-error .statusChange,
.build li.status-error .buildBtns{display:none;}
.build li.status-error .buildBtns{display:block;}

.build li.status-skip .statusBuilding,
.build li.status-skip .statusError,
.build li.status-skip .statusChange,
.build li.status-skip .submitBtn,
.build li.status-skip .compareBtn{display:none;}

.build li.status-change .statusBuilding,
.build li.status-change .statusError,
.build li.status-change .statusSkip{display:none;}

.buildMore{height:40px; line-height:40px; background:#f3f3f3; cursor:pointer; color:#999;}
.hasChangeList{background:#fff;}
.noChangeList{display:none; background:#f8f8f8;}
.noChangeList .build li{padding:15px 38px; margin:0;}


#resFileList .statusBuilding,
#resFileList .statusError,
#resFileList .statusSkip,
#resFileList .statusChange{display:none; padding:0 6px;}

#resFileList .submitBtn,
#resFileList .compareBtn,
#resFileList .rebuildBtn{display:none;}
#resFileList .rebuildBtn{display:inline;}

#resFileList .status-change .submitBtn{display:inline;}
#resFileList .status-change .compareBtn{display:inline;}

#resFileList .status-building .statusBuilding,
#resFileList .status-error .statusError,
#resFileList .status-skip .statusSkip,
#resFileList .status-change .statusChange{display:inline;}

#resFileList .statusError{color:red;}
#resFileList .statusChange{color:orange;}
#resFileList .costTime{color:green;}
#resFileList .costTime.warn{color:red;}

#compareBox{font-size:14px; display:none; position:fixed; top:0; bottom:0; left:0; right:0; background:#eee;}
#compareBox .codeCompareBox{display:none;}
#compareBox .imgCompareBox{display:none;}
#compareBox.showCodeBox{display:block;}
#compareBox.showImgBox{display:block;}
#compareBox.showCodeBox .codeCompareBox{display:block;}
#compareBox.showImgBox .imgCompareBox{display:block;}

#compareBox .btnsbox{position:absolute; padding:15px 10px; border-bottom:1px solid #ddd; background:#eee; width:100%; top:0; left:0; z-index:1000;}
#compareBox b{padding:4px 10px; margin:0 2px; font-size:14px; color:#fff; border-radius:4px; border:solid 1px;}
#compareBox .prevBtn,
#compareBox .nextBtn{background:#ddeeff; border-color:#a3d1ff; color:#333;}
#compareBox .prevBtn:hover,
#compareBox .nextBtn:hover{background:#a3d1ff;}
#compareBox .submitBtn{background:#337ab7; border-color:#085da6;}
#compareBox .submitBtn:hover{background:#085da6;}
#compareBox .closeBtn{background:#eee; border-color:#ccc; color:#333;}
#compareBox .closeBtn:hover{background:#ccc;}

#compareBox .editorBox{position:absolute; top:0; bottom:0; width:100%; background:#fff; z-index:100; padding-top:52px;}
#compareBox .imgBox{position:absolute; top:0; bottom:0; width:100%; height:100%; background:#fff; text-align:center; display:table; z-index:100;}

#compareBox .leftImgBox,
#compareBox .rightImgBox{display:table-cell; width:50%; height:100%; vertical-align:middle; padding-top:52px;}
#compareBox .leftImgBox{border-right:solid 1px #ddd;}
#compareBox .imgBox img{max-width:100%; max-height:100%;}

.hideScroll{overflow-y:hidden;}


/*
.compareBox{padding:20px 0; overflow:hidden;}
.compareBox b{padding:4px 10px; margin:0 2px; font-size:14px; color:#fff; border-radius:4px; border:solid 1px;}
.compareBox .prevBtn,
.compareBox .nextBtn{background:#ddeeff; border-color:#a3d1ff; color:#333;}
.compareBox .prevBtn:hover,
.compareBox .nextBtn:hover{background:#a3d1ff;}
.compareBox .submitBtn{background:#337ab7; border-color:#085da6;}
.compareBox .submitBtn:hover{background:#085da6;}
.compareBox .closeBtn{background:#eee; border-color:#ccc; color:#333;}
.compareBox .closeBtn:hover{background:#ccc;}*/
